body { font-size: 13px;  padding: 0; border-style: none; margin: 0; font-family: Calibri, Verdana, Arial, Sans-Serif; }
td {vertical-align:top;}

/* the section below is to detail the standard html markup h1, h2, etc.. */
h2 { margin-top: 0; margin-bottom: 0.2em; font-size: 14px; font-weight: bold; clear: left; 
	color: Black; vertical-align: bottom; padding-left: .3em; padding-right: .3em; }
h3 { margin-top: 0; margin-bottom: 0.2em; font-size: 13px; font-weight: normal; clear: left; 
	color: Black; vertical-align: bottom; padding-left: .3em; padding-right: .3em; }

.PageCaption { text-align: center; font-family: Calibri, Verdana, Arial; font-weight: bold; 
	color: black/*#4BACC6*/; vertical-align: top; font-size:14px; }
.PageSubCaption {	font-family: Calibri, Verdana, Arial; color: black/*#4BACC6*/; vertical-align: top; 
	font-size:13px;}
.Selected { background-color: #EE9819 !important; background-image: url('../images/selected.png') !important; 
	background-position: top; background-repeat: repeat-x; font-weight: bold !important; 
	color: Black; text-align: center; text-decoration: none; margin-bottom: 1px; }
.ProjectScript { font-family:Courier; }

#RenamePageCaption { background-color: transparent; background-image: none; padding-left: 1px; text-align: center; color: black; font-size: 16px; font-weight: bolder; padding: 3px; text-decoration: none; border: none; }
.ToolBar { background-color: #F1F1F1; background-image: url('../images/toolbar.png'); background-position: top; background-repeat: repeat-x; padding: .08em; padding-left: .6em; border-style: groove; border-width: thin; vertical-align: middle; }

/* The definition below is important for use with alerts showing an icon; arrow, stop-sign, etc. Since hyperlinks can be added to the cell values through formating, the anchor tag will automatically default to blue underline for the text. This may not be what you want so when specifying the class for the anchor, the class of the parent <td> and the myanchor class are both specified. This allows the anchor to inherit the parent td properties. The a:hover is added so that the hyperlink properties appear when hovering over the text */
.SelectedBtn { color: Black; font-style: italic; font-weight: bold; }
.UnSelectedBtn { color: black; }
.CommandLeft { vertical-align: middle; background-color: silver; color: black; font-size: 9px; font-weight: normal; text-align: center; }
.CommandMiddle { vertical-align: top; background-color: #f1f1f1; color: black; font-size: 9px; text-align: left; }
.CommandRight { vertical-align: top; background-color: #f1f1f1; color: green; font-size: 9px; text-align: left; }
.table_row { padding: 3px; border: thick; border-color: black; }
.drop_down { font-size: small; color: #003399; }
.text_box { font-size: small; color: #003399; }
.L2 { text-align: left; border-style: outset; background-color: #F1F1F1; color: ButtonText; border-spacing: 0; margin: .3em 0 .3em 0; padding: 0 0 0 0; width: 100%; }
.L1 { background-color: #999999; text-align: left; }
.L0 { background-color: #CCCCCC; text-align: left; margin: 0; }
.WizardClass { text-align: left; }
.queryText { text-align: left; }

.banner { text-align: left; border-style: none; background-color: #CCCCCC; color: ButtonText; border-spacing: 0; margin: 0 0 0 0; padding: 0 0 0 0; }

/* these are span elements the wizards */
#SAB1:hover { color: White; }
.btnInactive { background-color: silver; color: white; text-align: center; border-style: none; font-size: small; }
.btnActive { background-color: #3355AA; color: #FFFFFF; text-align: center; font-weight: bolder; border-style: none; font-size: 14px; }

/* the style definitions below are used to format the toolbar and the icon sets making up the toolbar. Note that the toolbar is a panle with the groups set up as spans within that panel */
.ToolBar { background-color: #F1F1F1; background-image: url('../Images/toolbar.png'); background-position: top; background-repeat: repeat-x; padding-top: 4px; padding-bottom: 1px; padding-left: .8em; border-style: solid; border-width: 1px; border-bottom-width: 1px; border-color: #999999; width: 100%; }

#NavigationGroup { padding-left: .5em; padding-right: .5em; margin-right: .5em; display: inline; }
#CommandGroupx { padding-left: .5em; padding-right: .5em; display: inline; }

/* the following are entries are used to space the command and navigation buttons */
#TopBtn { margin: -0.1em; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#BottomBtn { margin: -5px; margin-right: .2em; margin-bottom: .1em; border-style: none; }
#ScrollDownBtn { margin: -0.1em; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#PageDownBtn { margin-left: -5px; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#ScrollUpBtn { margin-left: -5px; margin-bottom: .1em; border-style: none; margin-right: .2em; }
#PageUpBtn { margin-left: -5px; margin-right: 0px; margin-bottom: .1em; border-style: none; }
#LeftMostBtn { margin: -0.1em; margin-bottom: .1em; border-style: none; }
#RightMostBtn { margin: -3px; margin-bottom: .1em; margin-right: .2em; border-style: none; }
#ScrollLeftBtn { margin: -0.1em; margin-bottom: .1em; border-style: none; }
#PageLeftBtn { margin-left: -3px; margin-bottom: .1em; border-style: none; }
#ScrollRightBtn { margin: -5px; margin-bottom: .1em; border-style: none; }
#PageRightBtn { margin: -5px; margin-bottom: .1em; margin-right: 0px; }
#btnSearch { height: 20px; margin-bottom: .1em; font-size: 10px; text-align: center; vertical-align: middle; }
#btnClearSelection { margin-bottom: .1em; margin-right: .15em; border-style: none; }
#RemoveSel { margin-bottom: .1em; margin-right: .15em; border-style: none; }
#btnSortAscending { margin-bottom: .1em; margin-right: 0px; border-style: none; }
#btnSortDescending { margin-left: -5px; margin-bottom: .1em; margin-right: .15em; border-style: none; }
#btnDoFilterByValueSelectedColumn { margin-left: 0px; margin-bottom: .1em; margin-right: .2em; border-style: none; }
#DoFilterByValueSelectedColumnMenu { float: left; /* display: inline-block;*/ background-color: transparent; height: 10px; margin-bottom: -20px; }

/* The following style classes are used in the status bar to feed back information to the user. */
#StatusBar { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; padding-left: .4em; vertical-align: middle; font-size: 11px; height: 20px; border-style: outset; border-width: thin; }
#CurrentRowInfo { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; padding: .08em; padding-left: .4em; padding-right: .6em; vertical-align: middle; font-size: 11px; color: Black; font-weight: bold; text-align: center; text-decoration: none; border-right-style: ridge; border-right-width: thin; }
#CurrentColumnInfo { background-color: #F1F1F1; background-position: top; background-repeat: repeat-x; padding: .08em; padding-left: .4em; padding-right: .6em; font-size: 11px; color: Black; font-weight: bold; text-align: center; text-decoration: none; vertical-align: middle; border-right-style: ridge; border-right-width: thin; }


.DataTable { padding:0; margin:0; background-color: #999; font-size:12px; font-family:Calibri,Arial,Helvetica,san-serif; width: 100%; height: auto; }

.RowLabelCaption { background: #DDDDDD url('../images/column_caption.png') top repeat-x; font-size:13px; color: black; text-align: center; margin-bottom: 1px; text-decoration: none; }
.TextColumnCaption { background: #DDDDDD url('../images/column_caption.png') top repeat-x; font-size:13px; color: black; text-align: center; margin-bottom: 1px; text-decoration: none; }
.ColCaption { background: #DDDDDD url('../images/column_caption.png') top repeat-x; font-size:13px; color: black; text-align: center; text-decoration: none; margin-bottom: 1px; }
.RowLabel { background: #DDDDDD url('../images/row_label.png') top repeat-x; font-size:13px; color: black; text-align: center; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.TextColumn { background-color: #F1F1F1; font-weight: normal; color: #333; text-align: left; vertical-align: top; margin-bottom: 1px; text-decoration: none; }
.NormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; text-decoration: none; margin-bottom: 1px; }
.TextCell { background-color: white; color: #333; text-align: center;vertical-align: top; text-decoration: none; margin-bottom: 1px; }

.Alert0 { background: #E4BBBB url('../images/grad_alert0.png') top repeat-x; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.Alert1 { background: #F7F0D8 url('../images/grad_alert1.png') top repeat-x; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.Alert2 { background: #D9D9F0 url('../images/grad_alert2.png') top repeat-x; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.Alert3 { background: #C4DCC4 url('../images/grad_alert3.png') top repeat-x; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }

.Selected { background-color: #EE9819 !important; background-image: url('../images/selected.png') !important; background-position: top; background-repeat: repeat-x; font-weight: bold !important; color: #333; text-align: center; text-decoration: none; margin-bottom: 1px; }

/* this group uses the background-colors for the default alert group. */
.solidAlert0 { background-color: #990000; color: white; text-align: right; text-decoration: none; padding-left: .4em; }
.solidAlert1 { background-color: #FFCC00; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.solidAlert2 { background-color: #000099; color: white; text-align: right; text-decoration: none; padding-left: .4em; }
.solidAlert3 { background-color: #006600; color: white; text-align: right; text-decoration: none; padding-left: .4em; }
.solidNormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; text-decoration: none; }

/* this alert group uses red, orange, blue, green */
.brightAlert0 { background-color: #FF7272; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.brightAlert1 { background-color: #FFAA78; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.brightAlert2 { background-color: #7F95CA; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.brightAlert3 { background-color: #80C27E; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.brightNormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; text-decoration: none; }

/* this alert group goes from dark blue to light blue. Using a single color can be useful for #333 and white print. */
.blueAlert0 { background-color: #003399; color: #FFFFFF; text-align: right; text-decoration: none; padding-left: .4em; }
.blueAlert1 { background-color: #4066B3; color: #FFFFFF; text-align: right; text-decoration: none; padding-left: .4em; }
.blueAlert2 { background-color: #7F99CC; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.blueAlert3 { background-color: #BFCCE5; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.blueNormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; text-decoration: none; }

/* this alert group uses shades of grey plus white for a normal data cell. Useful for #333 and white printing */
.printAlert0 { background-color: #999999; color: #333; text-align: right; font-weight: bold; padding-left: .4em; text-decoration: none; }
.printAlert1 { background-color: #AAAAAA; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.printAlert2 { background-color: #C1C1C1; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.printAlert3 { background-color: #DDDDDD; color: #333; text-align: right; text-decoration: none; padding-left: .4em; }
.printNormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; text-decoration: none; }

/* this alert group uses icons; red octagon, gold triangle, blue triangle, green circle. The symbols are offset to the left with padding so that the numbers display to the right */
.signAlert0 { background: #FFFFFF url('../images/sign_alert0.png') bottom left no-repeat; color: #333; text-align: right; height: 34px !important; text-decoration: none; }
.signAlert1 { background: #FFFFFF url('../images/sign_alert1.png') bottom left no-repeat; color: #333; text-align: right; height: 34px !important; text-decoration: none; }
.signAlert2 { background: #FFFFFF url('../images/sign_alert2.png') bottom left no-repeat; color: #333; text-align: right; height: 34px !important; text-decoration: none; }
.signAlert3 { background: #FFFFFF url('../images/sign_alert3.png') bottom left no-repeat; color: #333; text-align: right; height: 34px !important; text-decoration: none; }
.signNormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; height: 34px !important; text-decoration: none; }

/* this alert group uses arrow icons colored red, gold, blue and green. The symbols are offset to the left with padding so that the numbers display to the right */
.arrowAlert0 { background: #FFFFFF url('../images/arrow-red.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowAlert1 { background: #FFFFFF url('../images/arrow-gold.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowAlert2 { background: #FFFFFF url('../images/arrow-blue.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowAlert3 { background: #FFFFFF url('../images/arrow-green.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowNormalDataCell { background-color: #FFFFFF; color: #333; text-align: right; vertical-align: top; height: 34px !important; text-decoration: none; }

.reversearrowAlert0 { background: #FFFFFF url('../images/arrow-green.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.reversearrowAlert1 { background: #FFFFFF url('../images/arrow-blue.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.reversearrowAlert2 { background: #FFFFFF url('../images/arrow-gold.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.reversearrowAlert3 { background: #FFFFFF url('../images/arrow-red.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.reversearrowNormalDataCell { background-color: #FFFFFF; color: #333; text-align: right; vertical-align: top; height: 34px !important; text-decoration: none; }

/* this alert group uses the same arrows as above just filled with grey so that they can used when printing. The symbols are offset to the left with padding so that the numbers display to the right */
.arrowbwAlert0 { background: #FFFFFF url('../images/arrowbw-alert0.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowbwAlert1 { background: #FFFFFF url('../images/arrowbw-alert1.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowbwAlert2 { background: #FFFFFF url('../images/arrowbw-alert2.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowbwAlert3 { background: #FFFFFF url('../images/arrowbw-alert3.png') bottom left no-repeat; color: #333; text-align: right; height: 36px !important; text-decoration: none; }
.arrowbwNormalDataCell { background-color: white; color: #333; text-align: right; vertical-align: top; height: 34px !important; text-decoration: none; text-decoration: none; }

.left { text-align:left; }

.ColorByCellValue0 { background-color: white; color: black; text-align: right; text-decoration: none; }
.ColorByCellValue1 { background: #A01A1A url('../images/decile1.png') top repeat-x; color: #FFFFFF; text-align: right; font-weight: bolder; text-decoration: none; padding-left: .4em; }
.ColorByCellValue2 { background: #B34848 url('../images/decile2.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue3 { background: #C67676 url('../images/decile3.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue4 { background: #D9A3A3 url('../images/decile4.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue5 { background: #ECD1D1 url('../images/decile5.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue6 { background: #D1E3D1 url('../images/decile6.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue7 { background: #A3C7A3 url('../images/decile7.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue8 { background: #75AB75 url('../images/decile8.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue9 { background: #478F47 url('../images/decile9.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.ColorByCellValue10 { background: #197319 url('../images/decile10.png') top repeat-x; color: #FFFFFF; text-align: right; font-weight: bold; text-decoration: none; padding-left: .4em; }

.reverseColorByCellValue0 { background-color: white; color: black; text-align: right; text-decoration: none; text-decoration: none; }
.reverseColorByCellValue10 { background: #A01A1A url('../images/decile1.png') top repeat-x; color: #FFFFFF; text-align: right; font-weight: bolder; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue9 { background: #B34848 url('../images/decile2.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue8 { background: #C67676 url('../images/decile3.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue7 { background: #D9A3A3 url('../images/decile4.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue6 { background: #ECD1D1 url('../images/decile5.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue5 { background: #D1E3D1 url('../images/decile6.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue4 { background: #A3C7A3 url('../images/decile7.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue3 { background: #75AB75 url('../images/decile8.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue2 { background: #478F47 url('../images/decile9.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.reverseColorByCellValue1 { background: #197319 url('../images/decile10.png') top repeat-x; color: #FFFFFF; text-align: right; font-weight: bold; text-decoration: none; padding-left: .4em; }

.tempColorByCellValue0 { background-color: white; color: black; text-align: right; text-decoration: none; text-decoration: none; }
.tempColorByCellValue1 { background-color: #FF5511; color: #FFFFFF; text-align: right; font-weight: bolder; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue2 { background-color: #FF8833; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue3 { background-color: #FFBB55; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue4 { background-color: #FFCC66; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue5 { background-color: #FFEE77; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue6 { background-color: #CCDD88; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue7 { background-color: #AABB88; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue8 { background-color: #779999; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue9 { background-color: #557799; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.tempColorByCellValue10 { background-color: #3355AA; color: #FFFFFF; text-align: right; font-weight: bold; text-decoration: none; padding-left: .4em; }

.sizeColorByCellValue0 { background-color: white; color: black; text-align: right; text-decoration: none; text-decoration: none; }
.sizeColorByCellValue1 { background: white url('../images/size-one.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue2 { background: white url('../images/size-two.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue3 { background: white url('../images/size-three.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue4 { background: white url('../images/size-four.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue5 { background: white url('../images/size-five.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue6 { background: white url('../images/size-six.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue7 { background: white url('../images/size-seven.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue8 { background: white url('../images/size-eight.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue9 { background: white url('../images/size-nine.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizeColorByCellValue10 { background: white url('../images/size-ten.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }

.quintileColorByCellValue1 { background: #B34848 url('../images/quintile1.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quintileColorByCellValue2 { background: #D9A3A3 url('../images/quintile2.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quintileColorByCellValue3 { background: #FDEBA2 url('../images/quintile3.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quintileColorByCellValue4 { background: #A3C7A3 url('../images/quintile4.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quintileColorByCellValue5 { background: #478F47 url('../images/quintile5.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quintileColorByCellValue0,
.quintileColorByCellValue6,
.quintileColorByCellValue7,
.quintileColorByCellValue8,
.quintileColorByCellValue9,
.quintileColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.quartileColorByCellValue1 { background: #B34848 url('../images/quartile1.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quartileColorByCellValue2 { background: #D9A3A3 url('../images/quartile2.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quartileColorByCellValue3 { background: #A3C7A3 url('../images/quartile3.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quartileColorByCellValue4 { background: #478F47 url('../images/quartile4.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.quartileColorByCellValue0,
.quartileColorByCellValue5,
.quartileColorByCellValue6,
.quartileColorByCellValue7,
.quartileColorByCellValue8,
.quartileColorByCellValue9,
.quartileColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.threeColorByCellValue1 { background: #D9A3A3 url('../images/three1.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.threeColorByCellValue2 { background: #FDEBA2 url('../images/three2.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.threeColorByCellValue3 { background: #A3C7A3 url('../images/three3.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.threeColorByCellValue0,
.threeColorByCellValue4,
.threeColorByCellValue5,
.threeColorByCellValue6,
.threeColorByCellValue7,
.threeColorByCellValue8,
.threeColorByCellValue9,
.threeColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.twoColorByCellValue1 { background: #D9A3A3 url('../images/two1.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.twoColorByCellValue2 { background: #A3C7A3 url('../images/two2.png') top repeat-x; background-position: top; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.twoColorByCellValue0,
.twoColorByCellValue3,
.twoColorByCellValue4,
.twoColorByCellValue5,
.twoColorByCellValue6,
.twoColorByCellValue7,
.twoColorByCellValue8,
.twoColorByCellValue9,
.twoColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.sizequintileColorByCellValue1 { background: white url('../images/size-one.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequintileColorByCellValue2 { background: white url('../images/size-three.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequintileColorByCellValue3 { background: white url('../images/size-five.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequintileColorByCellValue4 { background: white url('../images/size-seven.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequintileColorByCellValue5 { background: white url('../images/size-nine.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequintileColorByCellValue0,
.sizequintileColorByCellValue6,
.sizequintileColorByCellValue7,
.sizequintileColorByCellValue8,
.sizequintileColorByCellValue9,
.sizequintileColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.sizequartileColorByCellValue1 { background: white url('../images/size-one.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequartileColorByCellValue2 { background: white url('../images/size-four.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequartileColorByCellValue3 { background: white url('../images/size-seven.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequartileColorByCellValue4 { background: white url('../images/size-ten.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizequartileColorByCellValue0,
.sizequartileColorByCellValue5,
.sizequartileColorByCellValue6,
.sizequartileColorByCellValue7,
.sizequartileColorByCellValue8,
.sizequartileColorByCellValue9,
.sizequartileColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.sizethreeColorByCellValue1 { background: white url('../images/size-one.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizethreeColorByCellValue2 { background: white url('../images/size-five.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizethreeColorByCellValue3 { background: white url('../images/size-nine.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizethreeColorByCellValue0,
.sizethreeColorByCellValue4,
.sizethreeColorByCellValue5,
.sizethreeColorByCellValue6,
.sizethreeColorByCellValue7,
.sizethreeColorByCellValue8,
.sizethreeColorByCellValue9,
.sizethreeColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }

.sizetwoColorByCellValue1 { background: white url('../images/size-one.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizetwoColorByCellValue2 { background: white url('../images/size-ten.png') top repeat-x; color: black; text-align: right; text-decoration: none; padding-left: .4em; }
.sizetwoColorByCellValue0,
.sizetwoColorByCellValue3,
.sizetwoColorByCellValue4,
.sizetwoColorByCellValue5,
.sizetwoColorByCellValue6,
.sizetwoColorByCellValue7,
.sizetwoColorByCellValue8,
.sizetwoColorByCellValue9,
.sizetwoColorByCellValue10 { background-color: white; color: black; text-align: right; text-decoration: none; margin-bottom: 1px; }


/* the definition of myanchor is left to the end of the css. The reason for this is that when using images for backgrounds in the alerts, an image containing an icon will be repeated if the classname is repeated in both the <td> and <a>, if you do not specify a class in the anchor you will now have all data presented as blue underlined text. The solution is to provide 2 classnames in the anchor, the alert class and then the myanchor class below. As specified the anchor inherits the font and text characteristics from the alert class but overrides the background settings so that images are not repeated. One quirk of css is that if the myanchor is specified before the alertclass, this will not work and the image is duplicated; two arrows, two stopsigns, etc... So the easy solution is to place the definition of myanchor at the bottom of the css. */
.myanchor { background-color: transparent; background-image: none; padding-left: 1px; border: none; text-align: inherit; }
a:hover { color: Blue; text-decoration: underline; }

	.DlgFrame { background-color: #f1f1f1; }
	.DlgInterior { background-color: White; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; }
	.DlgMainInstructionArea { margin-top: 8px; padding-bottom: 0px; background-color: #F1F1F1; background-image: url('~/Images/pagetitle.png'); background-position: top; background-repeat: repeat-x; }
	.DlgTitleLine { }
	.DlgTitleArea { text-align: left; }
	.DlgTitle { text-align: center; font-family: Calibri, Verdana, Arial; font-weight: bold; color: black/*#4BACC6*/; vertical-align: top; }
	.DlgCloseBtnArea { text-align: right; }
	.DlgCloseBtn { font-family: Arial; font-size: small; font-weight: bold; color: White; background-color: Red; }
	.DlgMainInstruction { color: #1370AB; font-family: Calibri, Verdana, Arial; padding-left: 8px; margin-bottom: 10px; font-size: small; font-weight: bold; text-decoration: none; }
	.DlgControlsArea { text-align: left; padding-left: 25px; }
	.DlgControls { font-family: Calibri, Verdana, Arial; font-size: small; color: #4C4C4C; font-weight: normal; }
	.DlgCommandArea { text-align: right; padding-right: 25px; padding-top: 3px; padding-bottom: 3px; border-style: groove; margin-left: 0px; margin-top: 10px; border: none; border-width: thin; background-color: #f1f1f1; }
	.DlgCommandBtnDefault { font-family: Calibri, Verdana, Arial; font-weight: bold; }
	.DlgCommandBtn { font-family: Arial; }
	.DlgCommandBtnCancel { font-family: Calibri, Verdana, Arial; }
	.DlgFootnoteArea { text-align: left; background-color: #f1f1f1; border-style: groove; border-width: thin; vertical-align: middle; }
	.DlgFootnote { font-family: Calibri, Verdana, Arial; font-size: small; font-weight: normal; color: #4C4C4C; vertical-align: middle; padding-left: 8px; padding-right: 10px; }
	.DlgHelp { font-family: Calibri, Verdana, Arial; font-size: small; font-weight: normal; text-align: right; vertical-align: middle; }
	#PageDescription { text-align: center; color: black; font-family: Calibri, Verdana, Arial, sans-serif; font-size: small; text-decoration: none; width: 100% !important;  }
	.menuAdmin { text-decoration: none; color: Black; }
	.staticMenuFrame { padding: 0px; padding-top: 0px; padding-bottom: 0px; background-image: url('../Images/toolbar.png' ); margin: 0px; margin-top: -1px; border-style: none; border-width: thin; color: Black;  }
	.dynamicMenuFrame { border-color: ButtonShadow; border-style: solid; border-width: 1px; background-color: Menu; padding: 1px; }
	.staticMenuItems { cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; font-weight: bold; color: Black; padding: 3px; width: auto; max-width: 50%; max-height: 50%; background-image: url('../Images/row_label.png' ); }
	.staticHoverStyle { cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; font-weight: bold; color: Black; padding: 3px; width: auto; max-width: 50%; max-height: 50%; }
	.dynamicHoverStyle { background-color: inherit; cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; color: MenuText; padding: 3px; max-width: 50% !important; max-height: 50%; }
	.dynamicMenuItems { background-color: inherit; cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; color: MenuText; padding: 3px; max-width: 20% !important; max-height: 50%; }
	.staticMenuItemsX { cursor: default !important; text-decoration: none !important; font-size: small; font-family: Calibri, Verdana, Arial, Sans-Serif; font-weight: bolder; color: Black; padding: 3px; width: auto; }
	.staticMenuFrameX { padding: 0px; padding-top: 0px; padding-bottom: 0px; background-color: White; margin: 0px; margin-top: 1px; border-style: groove; border-width: thin; color: Black; position: absolute; left: 70%; top: 7%; }


	.staticPageDescription 
	{
		text-align: center; 
		color:Red; 
	}
